/*给所有的input添加失去焦点事件，
  1、判断input内的值是否为空
         若为空，显示不能为空的错误信息，return结束（不用继续判断）
     input值与正则表达式匹配，若正确提示正确信息，若不匹配提示错误信息*/
    
//给所有input添加失去焦点事件    
var inputs=document.getElementsByTagName('input');
for(var i=0;i<inputs.length;i++){
	inputs[i].onblur=inputBlur;
}

//定义input失去焦点事件：判断内容是否为空，是否正确
function inputBlur(){
	var name=this.name;
	var value=this.value;
	var tips=this.placeholder;
	
	var div=this.parentNode.nextElementSibling.firstChild;
	
	//去除value两端的空格
	value=value.trim();
	
	if(value==null||value==''){
		div.innerHTML="输入框不能为空";
		div.className='error';
	}else{
		var reg=getReg(name);
		if(value.match(reg)){
			div.innerHTML="输入正确";
			div.className='success';
		}else{
			div.innerHTML=tips;
			div.className='error';
		}
	}
}

function getReg(name){
	var reg='';
	switch(name){
		case 'username':
		  reg=/^[a-zA-Z]{4,12}$/;
		     break;
		case 'pwd':
		  reg=/^\w{6,20}$/;
		     break;
		case 'repwd':
		  var pwd=document.getElementsByTagName('input')[1].value;
		  reg=new RegExp('^'+pwd+'$');
		     break;
		case 'tel':
		  reg=/^1[34578]\d{9}$/;
		     break;    
		case 'email':
		  reg=/^\w+@+\w+\.+\w{2,}$/;
		     break;   
		default:
		     break;     
	}
	return reg;
}
